<template>
    <div class="event-timeline">
        <n-h4 prefix="bar">时间线</n-h4>
        <el-dialog title="标题" v-model="showDlg">
            <el-text>
                【环球网报道 记者
                张晓雅】据俄新社25日消息，塞尔维亚总统武契奇在接受该国电视台PINK
                TV电视台采访时表示，他认为有外国势力参与和支持俄罗斯私营军事集团“瓦格纳”叛乱事件。
                武契奇 资料图 图源：俄新社报道配图
                “我不想说是谁从外部参与了这件事，但请（对此）不要怀疑，毫无疑问……总是有外国机构卷入在我们这里发生的无数事件中。”报道援引武契奇的话称。
                他还说，“在俄罗斯，他们清楚地知道并选择了这个话题，他们说——我们在一些职位上有腐败的人，这在一定程度上是正确的——很少有人能说不是。但这就是攻击你自己的国家，并在最艰难时刻在背后捅它一刀的理由吗？当然不是，但你这么做，是因为你得到了很多人从外部提供的帮助，他们对你的期望很高”。
                俄新社称，在武契奇看来，俄罗斯总统普京“果断的声明和强硬的立场”阻止了这一切，否则没有人能阻止叛乱事件继续发生。他还称，白俄罗斯总统卢卡申科为解决问题作出了贡献。
                报道提到，武契奇早些时候还表示，“作为一个严肃的国家”，塞尔维亚不支持“瓦格纳”在俄罗斯的叛乱，也不支持在土耳其和“其他任何国家”发生的叛乱。
            </el-text>
        </el-dialog>
        <n-scrollbar style="height: calc(100% - 60px)">
            <n-timeline>
                <n-timeline-item content="啊" />
                <n-timeline-item
                    type="success"
                    content="哪里成功"
                    time="2018-04-03 20:46">
                    <n-card>
                        <n-button text @click="showDlg = true">
                            俄官方首次发布普京在克宫处置危机画面
                        </n-button>
                    </n-card>
                </n-timeline-item>
                <n-timeline-item
                    type="error"
                    content="北约与俄国防部就“瓦格纳”情况进行“非正式接触”"
                    time="2018-04-03 20:46" />
                <n-timeline-item
                    type="warning"
                    title="警告"
                    content="车臣特种部队从罗斯托夫地区撤离，返回乌克兰作战前线"
                    time="2018-04-03 20:46" />
                <n-timeline-item
                    type="info"
                    title="信息"
                    content="中方回应瓦格纳事件：这是俄罗斯内政"
                    time="2018-04-03 20:46"
                    line-type="dashed" />
                <n-timeline-item
                    type="success"
                    time="2018-04-03 20:46"
                    content="俄媒：武契奇称有外国势力参与和支持“瓦格纳”叛乱事件" />
                <n-timeline-item
                    type="success"
                    time="2018-04-03 20:46"
                    content="莫斯科：反恐行动制度继续有效 将26日定为“非工作日”" />
                <n-timeline-item
                    type="success"
                    time="2018-04-03 20:46"
                    content="“瓦格纳”部队从俄南部撤离 在俄中国留学生：生活一切如常" />
                <n-timeline-item
                    type="success"
                    time="2018-04-03 20:46"
                    content="俄罗斯民众庆幸没有血腥和破坏：做最坏的打算，抱最好的希望" />
                <n-timeline-item
                    type="success"
                    time="2018-04-03 20:46"
                    content="媒体评：逼近莫斯科城下，瓦格纳“叛军”为何突然掉头？" />
                <n-timeline-item
                    type="success"
                    time="2018-04-03 20:46"
                    content="美媒：美国情报部门于6月得知普里戈任正谋划采取武装行动" />
                <n-timeline-item
                    type="success"
                    time="2018-04-03 20:46"
                    content="俄分析师：事件如何发展还有待观察" />
                <n-timeline-item
                    type="success"
                    time="2018-04-03 20:46"
                    content="美媒：美国将推迟制裁瓦格纳，理由是担心“会帮助普京”" />
            </n-timeline>
        </n-scrollbar>
    </div>
</template>
<script setup lang="ts">
import { ref } from 'vue'

interface IItem {
    type: 'default' | 'error' | 'info' | 'success' | 'warning'
    time: string
    content: string
}

interface IProps {
    list: IItem[]
}

const props = defineProps<IProps>()

const showDlg = ref(false)
// const emit = defineEmits()
</script>

<style lang="scss">
.event-timeline {
    height: 100%;
    width: 100%;
}
</style>
